<template>
  <div>
    <div>
      <h4>请选择合适的选项</h4>
      <el-row>
        <el-col>
          <span>1.焦虑心境：担心、担忧，感到有最坏的事情将要发生，容易激惹。</span>
          <div class="grid-content">
            <el-radio-group v-model="pgForm.hmdjl_q1">
              <el-radio :label="0">无症状</el-radio>
              <el-radio :label="1">轻微</el-radio>
              <el-radio :label="2">中等</el-radio>
              <el-radio :label="3">较重</el-radio>
              <el-radio :label="4">严重</el-radio>
              <el-input
                placeholder="备注"
                v-model="pgForm.hmdjl_input1"
                style="margin: 0 0 10px 20px;width: 500px">
              </el-input>
            </el-radio-group>
          </div>
        </el-col>
      </el-row>
      <el-row>
        <el-col>
          <span>2．紧张：紧张感、易疲劳、不能放松，情绪反应，易哭、颤抖、感到不安。</span>
          <div class="grid-content">
            <el-radio-group v-model="pgForm.hmdjl_q2">
              <el-radio :label="0">无症状</el-radio>
              <el-radio :label="1">轻微</el-radio>
              <el-radio :label="2">中等</el-radio>
              <el-radio :label="3">较重</el-radio>
              <el-radio :label="4">严重</el-radio>
              <el-input
                placeholder="备注"
                v-model="pgForm.hmdjl_input2"
                style="margin: 0 0 10px 20px;width: 500px">
              </el-input>
            </el-radio-group>
          </div>
        </el-col>
      </el-row>
      <el-row>
        <el-col>
          <span>3.害怕：害怕黑暗、陌生人、一人独处、动物、乘车或旅行及人多的场合。</span>
          <div class="grid-content">
            <el-radio-group v-model="pgForm.hmdjl_q3">
              <el-radio :label="0">无症状</el-radio>
              <el-radio :label="1">轻微</el-radio>
              <el-radio :label="2">中等</el-radio>
              <el-radio :label="3">较重</el-radio>
              <el-radio :label="4">严重</el-radio>
              <el-input
                placeholder="备注"
                v-model="pgForm.hmdjl_input3"
                style="margin: 0 0 10px 20px;width: 500px">
              </el-input>
            </el-radio-group>
          </div>
        </el-col>
      </el-row>
      <el-row>
        <el-col>
          <span>4.失眠：难以入睡、易醒、睡得不深、多梦、梦魇、夜惊、醒后感疲倦。</span>
          <div class="grid-content">
            <el-radio-group v-model="pgForm.hmdjl_q4">
              <el-radio :label="0">无症状</el-radio>
              <el-radio :label="1">轻微</el-radio>
              <el-radio :label="2">中等</el-radio>
              <el-radio :label="3">较重</el-radio>
              <el-radio :label="4">严重</el-radio>
              <el-input
                placeholder="备注"
                v-model="pgForm.hmdjl_input4"
                style="margin: 0 0 10px 20px;width: 500px">
              </el-input>
            </el-radio-group>
          </div>
        </el-col>
      </el-row>
      <el-row>
        <el-col>
          <span>5．认知功能：或称记忆、注意障碍。注意力不能集中，记忆力差。</span>
          <div class="grid-content">
            <el-radio-group v-model="pgForm.hmdjl_q5">
              <el-radio :label="0">无症状</el-radio>
              <el-radio :label="1">轻微</el-radio>
              <el-radio :label="2">中等</el-radio>
              <el-radio :label="3">较重</el-radio>
              <el-radio :label="4">严重</el-radio>
              <el-input
                placeholder="备注"
                v-model="pgForm.hmdjl_input5"
                style="margin: 0 0 10px 20px;width: 500px">
              </el-input>
            </el-radio-group>
          </div>
        </el-col>
      </el-row>
      <el-row>
        <el-col>
          <span>6．抑郁心境：丧失兴趣、对以往爱好缺乏快感、忧郁、早醒、昼重夜轻。</span>
          <div class="grid-content">
            <el-radio-group v-model="pgForm.hmdjl_q6">
              <el-radio :label="0">无症状</el-radio>
              <el-radio :label="1">轻微</el-radio>
              <el-radio :label="2">中等</el-radio>
              <el-radio :label="3">较重</el-radio>
              <el-radio :label="4">严重</el-radio>
              <el-input
                placeholder="备注"
                v-model="pgForm.hmdjl_input6"
                style="margin: 0 0 10px 20px;width: 500px">
              </el-input>
            </el-radio-group>
          </div>
        </el-col>
      </el-row>
      <el-row>
        <el-col>
          <span>7．肌肉系统症状：肌肉酸痛、活动不灵活、肌肉抽动、肢体抽动、牙齿打颤、声音发抖。</span>
          <div class="grid-content">
            <el-radio-group v-model="pgForm.hmdjl_q7">
              <el-radio :label="0">无症状</el-radio>
              <el-radio :label="1">轻微</el-radio>
              <el-radio :label="2">中等</el-radio>
              <el-radio :label="3">较重</el-radio>
              <el-radio :label="4">严重</el-radio>
              <el-input
                placeholder="备注"
                v-model="pgForm.hmdjl_input7"
                style="margin: 0 0 10px 20px;width: 500px">
              </el-input>
            </el-radio-group>
          </div>
        </el-col>
      </el-row>
      <el-row>
        <el-col>
          <span>8．感觉系统症状：视物模糊、发冷发热、软弱无力感、浑身刺痛。</span>
          <div class="grid-content">
            <el-radio-group v-model="pgForm.hmdjl_q8">
              <el-radio :label="0">无症状</el-radio>
              <el-radio :label="1">轻微</el-radio>
              <el-radio :label="2">中等</el-radio>
              <el-radio :label="3">较重</el-radio>
              <el-radio :label="4">严重</el-radio>
              <el-input
                placeholder="备注"
                v-model="pgForm.hmdjl_input8"
                style="margin: 0 0 10px 20px;width: 500px">
              </el-input>
            </el-radio-group>
          </div>
        </el-col>
      </el-row>
      <el-row>
        <el-col>
          <span>9．心血管系统症状：心动过速、心悸、胸痛、血管跳动感、昏倒感、心博脱漏。</span>
          <div class="grid-content">
            <el-radio-group v-model="pgForm.hmdjl_q9">
              <el-radio :label="0">无症状</el-radio>
              <el-radio :label="1">轻微</el-radio>
              <el-radio :label="2">中等</el-radio>
              <el-radio :label="3">较重</el-radio>
              <el-radio :label="4">严重</el-radio>
              <el-input
                placeholder="备注"
                v-model="pgForm.hmdjl_input9"
                style="margin: 0 0 10px 20px;width: 500px">
              </el-input>
            </el-radio-group>
          </div>
        </el-col>
      </el-row>
      <el-row>
        <el-col>
          <span>10．呼吸系统症状：胸闷、窒息感、叹息、呼吸困难。</span>
          <div class="grid-content">
            <el-radio-group v-model="pgForm.hmdjl_q10">
              <el-radio :label="0">无症状</el-radio>
              <el-radio :label="1">轻微</el-radio>
              <el-radio :label="2">中等</el-radio>
              <el-radio :label="3">较重</el-radio>
              <el-radio :label="4">严重</el-radio>
              <el-input
                placeholder="备注"
                v-model="pgForm.hmdjl_input10"
                style="margin: 0 0 10px 20px;width: 500px">
              </el-input>
            </el-radio-group>
          </div>
        </el-col>
      </el-row>
      <el-row>
        <el-col>
          <span>11．胃肠道症状主：吞咽困难、嗳气、消化不良</span>
          <div class="grid-content">
            <el-radio-group v-model="pgForm.hmdjl_q11">
              <el-radio :label="0">无症状</el-radio>
              <el-radio :label="1">轻微</el-radio>
              <el-radio :label="2">中等</el-radio>
              <el-radio :label="3">较重</el-radio>
              <el-radio :label="4">严重</el-radio>
              <el-input
                placeholder="备注"
                v-model="pgForm.hmdjl_input11"
                style="margin: 0 0 10px 20px;width: 500px">
              </el-input>
            </el-radio-group>
          </div>
        </el-col>
      </el-row>
      <el-row>
        <el-col>
          <span>12．生殖泌尿系统症状：尿意频数、尿急、停经、性冷淡、过早射精、勃起不能、阳萎。</span>
          <div class="grid-content">
            <el-radio-group v-model="pgForm.hmdjl_q12">
              <el-radio :label="0">无症状</el-radio>
              <el-radio :label="1">轻微</el-radio>
              <el-radio :label="2">中等</el-radio>
              <el-radio :label="3">较重</el-radio>
              <el-radio :label="4">严重</el-radio>
              <el-input
                placeholder="备注"
                v-model="pgForm.hmdjl_input12"
                style="margin: 0 0 10px 20px;width: 500px">
              </el-input>
            </el-radio-group>
          </div>
        </el-col>
      </el-row>
      <el-row>
        <el-col>
          <span>13．植物神经系统症状：口干、潮红、苍白、易出汗、易起"鸡起疙瘩"、紧张性头痛、毛发竖起。</span>
          <div class="grid-content">
            <el-radio-group v-model="pgForm.hmdjl_q13">
              <el-radio :label="0">无症状</el-radio>
              <el-radio :label="1">轻微</el-radio>
              <el-radio :label="2">中等</el-radio>
              <el-radio :label="3">较重</el-radio>
              <el-radio :label="4">严重</el-radio>
              <el-input
                placeholder="备注"
                v-model="pgForm.hmdjl_input13"
                style="margin: 0 0 10px 20px;width: 500px">
              </el-input>
            </el-radio-group>
          </div>
        </el-col>
      </el-row>
      <el-row>
        <el-col>
          <span>14．会谈时行为表现：(1)一般表现：紧张、不能松弛、忐忑不安、咬手指、紧紧握拳、摸弄手帕、面肌抽动、不停顿足、手发抖、皱眉、表情僵硬、肌张力高、叹息样呼吸、面色苍白；(2)生理表现：吞咽、打呃、安静时心率快、呼吸快(20次/分以上)、腱反射亢进、震颤、瞳孔放大、眼睑跳动、易出汗、眼球突出。</span>
          <div class="grid-content">
            <el-radio-group v-model="pgForm.hmdjl_q14">
              <el-radio :label="0">无症状</el-radio>
              <el-radio :label="1">轻微</el-radio>
              <el-radio :label="2">中等</el-radio>
              <el-radio :label="3">较重</el-radio>
              <el-radio :label="4">严重</el-radio>
              <el-input
                placeholder="备注"
                v-model="pgForm.hmdjl_input14"
                style="margin: 0 0 10px 20px;width: 500px">
              </el-input>
            </el-radio-group>
          </div>
        </el-col>
      </el-row>
      <el-row>
        <el-col>
          <div>
            <span style="display: inline;">总分 </span>
            <el-input placeholder="" v-model="pgForm.sumScore" readonly style="width: 10%;"></el-input>
          </div>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
  name: "hamilton_anxiety_scale",
  title: "汉密顿焦虑量表",
  created() {
    if(this.istrans){
      this.pgForm=this.fromdata
    }
  },
  props: {
    fromdata:{},
    istrans:false,
  },
  data() {
    return {
      pgForm: {
        hmdjl_q1:'',
        hmdjl_q2:'',
        hmdjl_q3:'',
        hmdjl_q4:'',
        hmdjl_q5:'',
        hmdjl_q6:'',
        hmdjl_q7:'',
        hmdjl_q8:'',
        hmdjl_q9:'',
        hmdjl_q10:'',
        hmdjl_q11:'',
        hmdjl_q12:'',
        hmdjl_q13:'',
        hmdjl_q14:'',
        hmdjl_input1:'',
        hmdjl_input2:'',
        hmdjl_input3:'',
        hmdjl_input4:'',
        hmdjl_input5:'',
        hmdjl_input6:'',
        hmdjl_input7:'',
        hmdjl_input8:'',
        hmdjl_input9:'',
        hmdjl_input10:'',
        hmdjl_input11:'',
        hmdjl_input12:'',
        hmdjl_input13:'',
        hmdjl_input14:'',
        sumScore: 0,
      }
    }
  },
  computed:{
    sum(){
      return (this.pgForm.hmdjl_q1)*1 + (this.pgForm.hmdjl_q2)*1 + (this.pgForm.hmdjl_q3)*1 + (this.pgForm.hmdjl_q4)*1
        + (this.pgForm.hmdjl_q5)*1 + (this.pgForm.hmdjl_q6)*1 + (this.pgForm.hmdjl_q7)*1 + (this.pgForm.hmdjl_q8)*1
        + (this.pgForm.hmdjl_q9)*1 + (this.pgForm.hmdjl_q10)*1 + (this.pgForm.hmdjl_q11)*1 + (this.pgForm.hmdjl_q12)*1
        + (this.pgForm.hmdjl_q13)*1 + (this.pgForm.hmdjl_q14)*1
    }
  },
  watch: {
    sum(val) {
      this.pgForm.sumScore = val;
    }
  }
}
</script>

<style scoped>

h4{
  color: #679ced;
}
.grid-content {
  border-radius: 4px;
  min-height: 36px;
  background-color: #FFFFFF;
  margin: 10px 0;
}

span{
  display: block;
}
.el-radio-group {
  padding: 20px 20px;
}
.el-row {
  margin: 10px 0;
  padding: 20px 20px;
  background-color: #f9f9f9;
}
.el-radio {
  display: block;
  margin-bottom: 15px;
}
</style>
